﻿@model StudentCreateViewModel
@inject IStudentRepository _studentRepository
@{
    ViewBag.Title = "创建学生信息";
}

<form enctype="multipart/form-data" asp-controller="home" asp-action="create" method="post" class="mt-3">

    <div asp-validation-summary="All" class="text-danger"></div>

    <div class="form-group row">
        <label asp-for="Name" class="col-sm-2 col-form-label"></label>

        <div class="col-sm-10">
            <input asp-for="Name" class="form-control" placeholder="请输入名字"/>
            <span asp-validation-for="Name" class="text-danger"></span>
        </div>

    </div>

    <div class ="form-group row">
        <label asp-for="Email" class="col-sm-2 col-form-label"></label>
        <div class="col-sm-10">
            <input asp-for="Email" class="form-control" placeholder="请输入邮箱" />
            <span asp-validation-for="Email" class="text-danger"></span>
        </div>
    </div>
    <div class="form-group row">
        <label asp-for="ClassName" class="col-sm-2 col-form-label"></label>
        <div class="col-sm-10">
            <select asp-for="ClassName" asp-items="Html.GetEnumSelectList<ClassNameEnum>()" class="custom-select mr-sm-2">

                <option value="">请选择</option>

            </select>
            <span asp-validation-for="ClassName" class="text-danger"></span>
        </div>

    </div>

    <div class="form-group row">
        <label asp-for="Photo" class="col-sm-2 col-form-label"></label>
        <div class="col-sm-10">
            <div class="custom-file">
                <input asp-for="Photo" class="form-control custom-file-input" />
                <label class="custom-file-label">请选择照片...</label>
            </div>
        </div>
    </div>

    <div class="form-group row">
        <div class="col-sm-10">
            <button class="btn btn-primary">创建</button>
        </div>
    </div>

    <div class="form-group row">
        <div class="col-sm-10">
            学生信息总人数 = @_studentRepository.GetAllStudents().Count().ToString();
        </div>
    </div>

 
    @section Scripts{
        <script type="text/javascript">
            $(document).ready(function (){

                $('.custom-file-input').on("change", function (){
                    console.log($(this).val());
                    //pop() 删除并返回数组中最后一个元素
                    var fileName = $(this).val().split("\\").pop();
                    $(this).next(".custom-file-label").html(fileName);
                })
            });
        </script>
    }

</form>